﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Cafe Online free</title>
    <meta name="author" content="SuggeElson" />
    <meta name="description" content="Cafe Online" />
    <meta name="keywords" content="Cafe Online" />
    <meta name="application-name" content="Cafe Online" />

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Le styles -->
    <!-- Use new way for google web fonts 
    http://www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles-google-web-fonts -->

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
    <!-- Headings -->
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
    <!-- Text -->
    <!--[if lt IE 9]>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:400" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:700" rel="stylesheet" type="text/css" />
    <![endif]-->

    <!-- Core stylesheets do not remove -->
    <link href="~/Assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Assets/css/bootstrap/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Assets/css/icons.css" rel="stylesheet" type="text/css" />

    <!-- Plugin stylesheets -->
    <link href="~/Assets/plugins/misc/qtip/jquery.qtip.css" rel="stylesheet" type="text/css" />
    <link href="~/Assets/plugins/forms/uniform/uniform.default.css" type="text/css" rel="stylesheet" />
    

    <!-- Main stylesheets -->
    
    <link href="~/Assets/css/main.css" rel="stylesheet" type="text/css" />

    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="~/Assets/css/jquery-ui-1.8.23.custom.css" type="text/css" rel="stylesheet" />
    <link href="~/Assets/css/custom.css" rel="stylesheet" type="text/css" />
    <link href="~/Assets/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <link href="~/Assets/css/jqGrid.bootstrap.css" type="text/css" rel="stylesheet" />
    
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="~/Assets/images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="~/Assets/images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/Assets/images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="~/Assets/images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="~/Assets/images/apple-touch-icon-57-precomposed.png" />
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery-1.8.3-min.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery-1.9.2-ui.min.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/bootstrap/bootstrap.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jshashtable.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/mylibs/plugins.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery.numberformatter-1.2.3.min.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery.jqgrid-src.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/mylibs/call.grid.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery.fileupload.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/libs/jquery.iframe-transport.js"></script>
    <!-- Charts plugins -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/charts/sparkline/jquery.sparkline.min.js"></script>
    <!-- Sparkline plugin -->

    <!-- Misc plugins -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/misc/qtip/jquery.qtip.min.js"></script>
    <!-- Custom tooltip plugin -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/misc/totop/jquery.ui.totop.min.js"></script>

    <!-- Search plugin -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/misc/search/tipuesearch_set.js"></script>
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/misc/search/tipuesearch_data.js"></script>
    <!-- JSON for searched results -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/misc/search/tipuesearch.js"></script>

    <!-- Form plugins -->
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/forms/watermark/jquery.watermark.min.js"></script>
    <script type="text/javascript" defer="defer" src="~/Assets/plugins/forms/uniform/jquery.uniform.min.js"></script>

    <!-- Important Place before main.js  -->

    <script type="text/javascript" src="~/Assets/plugins/fix/touch-punch/jquery.ui.touch-punch.min.js"></script>
    <!-- Unable touch for JQueryUI -->

    <!-- Init plugins -->
    <script type="text/javascript" defer="defer" src="~/Assets/javascripts/main.js"></script>
    <!-- Core js functions -->
    <script type="text/javascript" defer="defer" src="~/Assets/javascripts/empty.js"></script>
    <script type="text/javascript" defer="defer" src="~/Assets/javascripts/mylibs/ajaxHandler.js"></script>
    <script type="text/javascript">
        //adding load class to body and hide page
        document.documentElement.className += 'loadstate';
        gridManager.updateWidth();
        $(document).ready(function (parameters) {
            document.documentElement.className = '';
        });

    </script>
    <script src="@Url.Content("~/Assets/javascripts/libs/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Assets/javascripts/libs/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

</head>
<body>
    @RenderSection("ScriptHeader", false)
    <!-- loading animation -->
    <div id="qLoverlay"></div>
    <div id="qLbar"></div>

    <!---Headers--->
    @{Html.RenderPartial("_Header");}
    <!-- End #header -->
    <div id="wrapper">

        <!--Responsive navigation button-->
        <div class="resBtn">
            <a href="#"><span class="icon16 minia-icon-list-3"></span></a>
        </div>
        <!--Sidebar collapse button-->
        <div class="collapseBtn leftbar">
            <a href="#" class="tipR" title="Hide sidebar"><span class="icon12 minia-icon-layout"></span></a>
        </div>

        <!--Sidebar background-->
        <div id="sidebarbg"></div>
        <!--Sidebar content-->
        <div id="sidebar">

            <div class="shortcuts">
                <ul>
                    <li><a href="support.html" title="Support section" class="tip"><span class="icon24 icomoon-icon-support"></span></a></li>
                    <li><a href="#" title="Database backup" class="tip"><span class="icon24 icomoon-icon-database"></span></a></li>
                    <li><a href="charts.html" title="Sales statistics" class="tip"><span class="icon24 icomoon-icon-pie-2"></span></a></li>
                    <li><a href="#" title="Write post" class="tip"><span class="icon24 icomoon-icon-pencil"></span></a></li>
                </ul>
            </div>
            <!-- End search -->

            @{Html.RenderPartial("_NavigationPanel");}
            <!-- End sidenav -->

            <div class="sidebar-widget">
                <h5 class="title">Monthly Bandwidth Transfer</h5>
                <div class="content">
                    <span class="icon16 icomoon-icon-loop left"></span>
                    <div class="progress progress-mini progress-danger left tip" title="87%">
                        <div class="bar" style="width: 87%;"></div>
                    </div>
                    <span class="percent">87%</span>
                    <div class="stat">19419.94 / 12000 MB</div>
                </div>

            </div>
            <!-- End .sidenav-widget -->

            <div class="sidebar-widget">
                <h5 class="title">Disk Space Usage</h5>
                <div class="content">
                    <span class="icon16 icomoon-icon-drive left"></span>
                    <div class="progress progress-mini progress-success left tip" title="16%">
                        <div class="bar" style="width: 16%;"></div>
                    </div>
                    <span class="percent">16%</span>
                    <div class="stat">304.44 / 8000 MB</div>
                </div>

            </div>
            <!-- End .sidenav-widget -->

            <div class="sidebar-widget">
                <h5 class="title">Ad sense stats</h5>
                <div class="content">

                    <div class="stats">
                        <div class="item">
                            <div class="head clearfix">
                                <div class="txt">Advert View</div>
                            </div>
                            <span class="icon16 icomoon-icon-eye left"></span>
                            <div class="number">21,501</div>
                            <div class="change">
                                <span class="icon24 icomoon-icon-arrow-up-2 green"></span>
                                5%
                            </div>
                            <span id="stat1" class="spark"></span>
                        </div>
                        <div class="item">
                            <div class="head clearfix">
                                <div class="txt">Clicks</div>
                            </div>
                            <span class="icon16 icomoon-icon-thumbs-up left"></span>
                            <div class="number">308</div>
                            <div class="change">
                                <span class="icon24 icomoon-icon-arrow-down-2 red"></span>
                                8%
                            </div>
                            <span id="stat2" class="spark"></span>
                        </div>
                        <div class="item">
                            <div class="head clearfix">
                                <div class="txt">Page CTR</div>
                            </div>
                            <span class="icon16 icomoon-icon-heart left"></span>
                            <div class="number">4%</div>
                            <div class="change">
                                <span class="icon24 icomoon-icon-arrow-down-2 red"></span>
                                1%
                            </div>
                            <span id="stat3" class="spark"></span>
                        </div>
                        <div class="item">
                            <div class="head clearfix">
                                <div class="txt">Earn money</div>
                            </div>
                            <span class="icon16 icomoon-icon-coin left"></span>
                            <div class="number">$376</div>
                            <div class="change">
                                <span class="icon24 icomoon-icon-arrow-up-2 green"></span>
                                26%
                            </div>
                            <span id="stat4" class="spark"></span>
                        </div>
                    </div>

                </div>

            </div>
            <!-- End .sidenav-widget -->

            <div class="sidebar-widget">
                <h5 class="title">Right now</h5>
                <div class="content">
                    <div class="rightnow">
                        <ul class="unstyled">
                            <li><span class="number">34</span><span class="icon16 icomoon-icon-new-2"></span>Posts</li>
                            <li><span class="number">7</span><span class="icon16 icomoon-icon-file"></span>Pages</li>
                            <li><span class="number">14</span><span class="icon16 icomoon-icon-list-view"></span>Categories</li>
                            <li><span class="number">201</span><span class="icon16 icomoon-icon-tag"></span>Tags</li>
                        </ul>
                    </div>
                </div>

            </div>
            <!-- End .sidenav-widget -->

        </div>
        <!-- End #sidebar -->

        <div id="content" class="clearfix">
            @RenderBody()
        </div>
    </div>


    <!-- Le javascript
    ================================================== -->
    <!-- Important plugins put in all pages -->
    @*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>*@

    <!-- Init plugins only for page -->
</body>
</html>
